<template>
  <!-- 我的订单内容 -->
  <div class="mytotal">
    <!-- 已完成 -->
    <div class="mydone">
      <my-done></my-done>
    </div>
    <!-- 正在进行中 -->
    <div class="mydoing">
      <my-doing></my-doing>
    </div>

  </div>
</template>

<script>
import MyDoing from '../components/MyDoing.vue';
import MyDone from "../components/MyDone.vue";
export default {
  name: "MyTotal",
  components :{
    MyDoing,
    MyDone
  },
  data() {
    return {
     
    };
  },
  
  
};
</script>

<style lang='less' scoped>
@import url("../assets/base.less");

.mytotal {
  .order-address {
    /deep/ .van-radio__icon {
      display: none;
    }
    /deep/ .van-address-item__address {
      color: #888;
    }
  }
  /deep/ .van-address-item__edit {
    display: none;
  }
  /deep/ .van-address-item {
    height: 110px;
  }
  /deep/ .van-radio {
    margin-top: 40px;
  }

  /deep/ .van-address-list {
    padding: 0;
    margin-bottom: 10px;
  }
  /deep/ .van-tag--danger {
    background-color: #215ce9;
  }
  /deep/ .van-button--danger {
    background-color: #215ce9;
    border-color: #215ce9;
  }
}
.mydoing {
  border-bottom-left-radius:10px ;
  border-bottom-right-radius: 10px;
  overflow: hidden;
}
.mydone {
  margin-bottom: 10px;
  border-bottom:1px solid #e8e8e8;
}

</style>